<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, minimal-ui" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta content="telephone=no" name="format-detection" />
	<meta content="email=no" name="format-detection" />
	<meta name="HandheldFriendly" content="true">
	<meta name="MobileOptimized" content="320">
	<meta name="screen-orientation" content="portrait">
	<meta name="x5-orientation" content="portrait">
	<meta name="full-screen" content="yes">
	<meta name="x5-fullscreen" content="true">
	<meta name="browsermode" content="application">
	<meta name="x5-page-mode" content="app">
	<meta name="msapplication-tap-highlight" content="no">
	<title>首页-37C圈</title>
	<link rel='stylesheet' href='../Content/css/common.css' />
</head>
<body>
	<header>
		<div class="main-content nav" id="nav">
			<a href="javascript:void(0);" class="logo">
				<img src="../Content/img/logo.png">
				<i></i>
			</a>
			<a class="active" href="index.html" title="首页">首页</a>
			<a href="sharing.html" title="分享">分享</a>
			<a href="question.html" title="问答">问答</a>
			<a href="activity.html" title="活动">活动</a>
			<a class="nav-last" href="javascript:void(0);" title="关于">关于</a>
			<a class="a-icon" href="search.html" title="关于">
				<svg class="icon nav-icon" aria-hidden="true">
			   		<use xlink:href="#icon-search"></use>
				</svg>
			</a>
			<svg class="icon nav-icon icon-code" aria-hidden="true">
			    <use xlink:href="#icon-code"></use>
			</svg>			
			<span class="num-show">
				<svg class="icon nav-icon icon-message" aria-hidden="true">
				    <use xlink:href="#icon-message"></use>
				</svg>
				<label>1</label>
			</span>
			<div class="login font14">
				<a href="login.html" title="登录">登录</a>/
				<a href="register.html" title="注册">注册</a>
			</div>
			<div class="icon-big">
				<div id="icon-code-content" >
					<img src="../Content/img/qrcode.png">
					<div class="qr-join">
						扫描加入“三七设圈” <br>我们在这里等你
					</div>
				</div>
				<div id="icon-message-content" >
					<ul class="ul-list ul-list-pr font14 left">
						<li>
							恭喜，你的回答被选为<span class="red">精彩解答</span><br>12-12 18:34
						</li>
						<li>
							恭喜，你的分享被选为<span class="red">精选文章</span><br>12-12 12:12
						</li>
						<li>
							恭喜，你的分享被选为<span class="red">推荐文章</span><br>12-12 12:11
						</li>
						<li>
							兜兜里有糖 解答了你的问题<br>12-10 12:56						
						</li>
						<li>
							兜兜里有糖 成为了你的粉丝<br>12-10 12:56						
						</li>
					</ul
				</div>
			</div>
			
		</div>
	</header>
	<div class="main-content">
		<div class="Carousel">
			<svg class="icon forward" aria-hidden="true">
			    <use xlink:href="#icon-Forward"></use>
			</svg>
			<ul class="ul-Carousel"  style="margin:0 auto;">
				<li>
					<a href="javascript:void(0);">
						<img src="../Content/img/banner.jpg">
					</a>
				</li>
				<li>
					<a href="javascript:void(0);">
						<img src="../Content/img/banner.jpg">
					</a>
				</li>
				<li>
					<a href="javascript:void(0);">
						<img src="../Content/img/banner.jpg">
					</a>
				</li>
				<li>
					<a href="javascript:void(0);">
						<img src="../Content/img/banner.jpg">
					</a>
				</li>
				<li>
					<a href="javascript:void(0);">
						<img src="../Content/img/banner.jpg">
					</a>
				</li>
			</ul>
			<svg class="icon back" aria-hidden="true">
			    <use xlink:href="#icon-back"></use>
			</svg>
			<div class="num">
	            <ul>
	                <li class="active"></li>
	                <li></li>
	                <li></li>
	                <li></li>
	                <li></li>
	                <li></li>
	                <li></li>
	            </ul>
	        </div>
		</div>
		<div class="page-list">
			<ul class="ul-list">
				<li>
					<a class="info" href="javascript:void(0);">
						<img class="info-pic" src="../Content/img/sharing-img.jpg">
						<div class="info-header">
							<h4>画你话我-群活动第一期</h4>
						</div>
						<p class="info-content font14">
							拯救宅男宅女，放松尴尬畅聊，小伙伴们，有想画画的，想认识新朋友的小伙伴，约吗？画画内容不限，工具不限，想画什么自己带什么工具，晒个太阳，喝个咖啡…
						</p>
						<div class="info-footer font12">
							<span class="author">
								<label class="author-pic"><img src="../Content/img/logo-small.jpg"></label>
								<label style="position: relative; top: -3px;">三七小编</label>
							</span>
							<span>
								<svg class="icon" aria-hidden="true">
								    <use xlink:href="#icon-browse"></use>
								</svg>123456次浏览</span>
							<span>
								<svg class="icon" aria-hidden="true">
								    <use xlink:href="#icon-comment"></use>
								</svg>123456条评论</span>
						</div>
					</a>
					<span class="span-tab">
						<svg class="icon icon-tab" aria-hidden="true">
						    <use xlink:href="#icon-tab"></use>
						</svg>
						<span class="icon-inner font12">报名中</span>
					</span>
				</li>
				<li>
					<a class="info" href="javascript:void(0);">
						<img class="info-pic" src="../Content/img/sharing-img.jpg">
						<div class="info-header">
							<h4>安德鲁-设计在于坚持</h4>
						</div>
						<p class="info-content font14">
							来自成都的设计师-安德鲁，有幸采访到UI行业的帅哥，一起来听听安老师的设计之路，从设计师到讲师，他经历了什么？他又在坚持什么...
						</p>
						<div class="info-footer font12">
							<span class="author">
								<label class="author-pic"><img src="../Content/img/logo-small.jpg"></label>
								<label style="position: relative; top: -3px;">三七小编</label>
							</span>
							<span>
								<svg class="icon" aria-hidden="true">
								    <use xlink:href="#icon-browse"></use>
								</svg>126次浏览</span>
							<span>
								<svg class="icon" aria-hidden="true">
								    <use xlink:href="#icon-comment"></use>
								</svg>126条评论</span>
						</div>
					</a>
					<span class="span-tab">
						<svg class="icon icon-tab" aria-hidden="true">
						    <use xlink:href="#icon-tab"></use>
						</svg>
						<span class="icon-inner font12 icon-inner-small">精选</span>
					</span>
				</li>
				<li>
					<a class="info" href="javascript:void(0);">
						<img class="info-pic" src="../Content/img/sharing-img.jpg">
						<div class="info-header">
							<h4>浅谈电商banner怎么做？</h4>
						</div>
						<p class="info-content font14">
							做好电商banner你只需要这一套秘籍。 banner怎么做？新手电商设计师经常会遇到这个问题。没有经验和思路的小白要么运营让你怎么做就怎么做，要么直接网上拿一…
						</p>
						<div class="info-footer font12">
							<span class="author">
								<label class="author-pic"><img src="../Content/img/logo-small.jpg"></label>
								<label style="position: relative; top: -3px;">三七小编</label>
							</span>
							<span>
								<svg class="icon" aria-hidden="true">
								    <use xlink:href="#icon-browse"></use>
								</svg>1226次浏览</span>
							<span>
								<svg class="icon" aria-hidden="true">
								    <use xlink:href="#icon-comment"></use>
								</svg>1226条评论</span>
						</div>
					</a>
					<span class="span-tab">
						<svg class="icon icon-tab" aria-hidden="true">
						    <use xlink:href="#icon-tab"></use>
						</svg>
						<span class="icon-inner font12 icon-inner-small">精选</span>
					</span>
				</li>
				<li>
					<a class="info" href="javascript:void(0);">
						<img class="info-pic" src="../Content/img/sharing-img.jpg">
						<div class="info-header">
							<h4>简约logo设计小技巧，让你不落俗套！</h4>
						</div>
						<p class="info-content font14">
							引言：对于设计师而言，简约不落俗套的设计是一个看似简单，实则不容易的设计项目。何为简约？单纯、简练，结构严谨、精确，通过一些简单的形、色、文完成形式…
						</p>
						<div class="info-footer font12">
							<span class="author">
								<label class="author-pic"><img src="../Content/img/logo-small.jpg"></label>
								<label style="position: relative; top: -3px;">三七小编</label>
							</span>
							<span>
								<svg class="icon" aria-hidden="true">
								    <use xlink:href="#icon-browse"></use>
								</svg>12126次浏览</span>
							<span>
								<svg class="icon" aria-hidden="true">
								    <use xlink:href="#icon-comment"></use>
								</svg>12126条评论</span>
						</div>
					</a>
					<span class="span-tab">
						<svg class="icon icon-tab" aria-hidden="true">
						    <use xlink:href="#icon-tab"></use>
						</svg>
						<span class="icon-inner font12 icon-inner-small">推荐</span>
					</span>
				</li>
				<li>
					<a class="info" href="javascript:void(0);">
						<img class="info-pic" src="../Content/img/sharing-img.jpg">
						<div class="info-header">
							<h4>不会C4D与手绘的设计师还有出路吗？</h4>
						</div>
						<p class="info-content font14">
							不知道大家发现没有，今年的天猫双十一竞争可谓是异常激烈，各家各户都在想方设法的展现自己，而在设计上的创新和突破就是一个可以展现自己的发力点，你会发现店…
						</p>
						<div class="info-footer font12">
							<span class="author">
								<label class="author-pic"><img src="../Content/img/logo-small.jpg"></label>
								<label style="position: relative; top: -3px;">三七小编</label>
							</span>
							<span>
								<svg class="icon" aria-hidden="true">
								    <use xlink:href="#icon-browse"></use>
								</svg>126次浏览</span>
							<span>
								<svg class="icon" aria-hidden="true">
								    <use xlink:href="#icon-comment"></use>
								</svg>26条评论</span>
						</div>
					</a>
				</li>
				<li>
					<a class="info" href="javascript:void(0);">
						<img class="info-pic" src="../Content/img/sharing-img.jpg">
						<div class="info-header">
							<h4>设计师必备！人工智能时代的配色方案！［神器］</h4>
						</div>
						<p class="info-content font14">
							在设计中配色方案是必要的，也是让设计师头疼的一个问题。那有没有一种能快速的做出符合设计概念的颜色组合，且有很多样品供你确认的工具呢？Khroma是一个在颜...
						</p>
						<div class="info-footer font12">
							<span class="author">
								<label class="author-pic"><img src="../Content/img/logo-small.jpg"></label>
								<label style="position: relative; top: -3px;">三七小编</label>
							</span>
							<span>
								<svg class="icon" aria-hidden="true">
								    <use xlink:href="#icon-browse"></use>
								</svg>126次浏览</span>
							<span>
								<svg class="icon" aria-hidden="true">
								    <use xlink:href="#icon-comment"></use>
								</svg>26条评论</span>
						</div>
					</a>
				</li>
				<li>
					<a class="info" href="javascript:void(0);">
						<img class="info-pic" src="../Content/img/sharing-img.jpg">
						<div class="info-header">
							<h4>作为交互设计师的经验感悟</h4>
						</div>
						<p class="info-content font14">
							交互设计师真正提高的标志是思维思想上面的提高，而非专业技能的提高。下面我们就一起看看@Eric 在ITUX做交互设计的都有哪些经验感悟。 去年四月份，带着平静心…
						</p>
						<div class="info-footer font12">
							<span class="author">
								<label class="author-pic"><img src="../Content/img/logo-small.jpg"></label>
								<label style="position: relative; top: -3px;">三七小编</label>
							</span>
							<span>
								<svg class="icon" aria-hidden="true">
								    <use xlink:href="#icon-browse"></use>
								</svg>126次浏览</span>
							<span>
								<svg class="icon" aria-hidden="true">
								    <use xlink:href="#icon-comment"></use>
								</svg>26条评论</span>
						</div>
					</a>
				</li>
				<li>
					<a class="info" href="javascript:void(0);">
						<img class="info-pic" src="../Content/img/sharing-img.jpg">
						<div class="info-header">
							<h4>作为交互设计师的经验感悟</h4>
						</div>
						<p class="info-content font14">
							交互设计师真正提高的标志是思维思想上面的提高，而非专业技能的提高。下面我们就一起看看@Eric 在ITUX做交互设计的都有哪些经验感悟。 去年四月份，带着平静心…
						</p>
						<div class="info-footer font12">
							<span class="author">
								<label class="author-pic"><img src="../Content/img/logo-small.jpg"></label>
								<label style="position: relative; top: -3px;">三七小编</label>
							</span>
							<span>
								<svg class="icon" aria-hidden="true">
								    <use xlink:href="#icon-browse"></use>
								</svg>126次浏览</span>
							<span>
								<svg class="icon" aria-hidden="true">
								    <use xlink:href="#icon-comment"></use>
								</svg>26条评论</span>
						</div>
					</a>
				</li>
			</ul>
			<div class="page-content">
				<a href="javascript:void(0);"><</a>
				<a class="active" href="javascript:void(0);">1</a>
				<a href="javascript:void(0);">2</a>
				<a href="javascript:void(0);">3</a>
				<a href="javascript:void(0);">></a>
			</div>
		</div>
		
		
		
		<div class="right-content">
			<div class="module-list">
				<h4 class="title">
					<a href="quiz.html">
						<svg class="icon" aria-hidden="true">
							<use xlink:href="#icon-answer"></use>
						</svg>
						我要提问
					</a>
				</h4>
				<ul class="ul-list">
					<li>
						<strong>今日问答</strong>
						<a class="footer font12" href="javascript:void(0);">查看全部</a>
					</li>
					<li class="hot li-list">
						<a href="anwser.html">
							<label class="font14">如何让UI设计稿更规范化？</label>
							<a class="footer font12" href="javascript:void(0);">-小七</a>
						</a>
					</li>
					<li class="hot li-list">
						<a href="anwser.html">
							<label class="font14">Sketch如何一键导出标注？</label>
							<a class="footer font12" href="javascript:void(0);">-阿王</a>
						</a>
					</li>
					<li class="hot li-list">
						<a href="anwser.html">
							<label class="font14">UI开发到底是什么？</label>							
							<a class="footer font12" href="javascript:void(0);">-柚子</a>
					</li>
					<li class="li-list">
						<a href="anwser.html">
							<label class="font14">移动端的长表单应该如何设计？</label>							
							<a class="footer font12" href="javascript:void(0);">-久久</a>
						</a>
					</li>
					<li class="li-list">
						<a href="anwser.html">
							<label class="font14">做UI一定要用苹果电脑吗？</label>							
							<a class="footer font12" href="javascript:void(0);">-欢子</a>
						</a>
					</li>
					<li class="li-list">
						<a href="anwser.html">
							<label class="font14">动效设计如何入门？</label>							
							<a class="footer font12" href="javascript:void(0);">-阿旺</a>
						</a>
					</li>
					<li class="li-list">
						<a href="anwser.html">
							<label class="font14">设计师应该进入哪些圈子？</label>							
							<a class="footer font12" href="javascript:void(0);">-阿望</a>
						</a>
					</li>
					<li class="li-list">
						<a href="anwser.html">
							<label class="font14">Ps/Sketch如何协同和办公？</label>							
							<a class="footer font12" href="javascript:void(0);">-橘右京</a>
						</a>
					</li>
					<li class="li-list">
						<a href="anwser.html">
							<label class="font14">APP设计流程是怎样的？</label>							
							<a class="footer font12" href="javascript:void(0);">-小乔</a>
						</a>
					</li>
					<li class="li-list">
						<a href="anwser.html">
							<label class="font14">UI未来发展方向？</label>							
							<a class="footer font12" href="javascript:void(0);">-妲己</a>
						</a>
					</li>
				</ul>
			</div>
			<div class="module-block relative enjoy">
				<a href="enjoyDetail.html">
					<span class="span-inner">20180119期</span>
					<img src="../Content/img/enjoy.jpg">
				</a>
			</div>
			<div class="module-block">
				<h4 class="title bg-pink">活动公告</h4>
				<div class="module-content">
					<div class="module-block-topic">
						<strong>画你话我-群活动第一期</strong>
						<span class="module-block-addr">
							<svg class="icon" aria-hidden="true">
							    <use xlink:href="#icon-location"></use>
							</svg>
							<strong>成都站</strong>
						</span>
					</div>
					<p class="font14 module-block-content">
						拯救宅男宅女，放松尴尬畅聊<br>想画画的，想认识新朋友的小伙伴，约吗？
					</p>
					
				</div>
				<div class="module-block-footer bg-pink">查看详情</div>
			</div>
			<div class="module-block center font14">
				<div class="module-content left">
					<div class="module-block-topic">
						<strong>我要进圈</strong>
					</div>
				</div>
				
				<img src="../Content/img/qrcode.png">
				<div class="qr-join">
					扫描加入“三七设圈” <br>我们在这里等你
				</div>
				<div class="qr-join">
					三七设圈Q群：329240093
				</div>
			</div>
			<div class="module-href">
				<a class="module-href-icon" href="#nav" id="to-top">
					<svg class="icon " aria-hidden="true">
					    <use xlink:href="#icon-top"></use>
					</svg>
				</a>
			</div>
		</div>
	</div>
	<footer class="font12">
		<div class="footer-link-desc">友情链接</div>
		<a href="javascript:void(0);">学UI网</a>|
		<a href="javascript:void(0);">设计达人</a>|
		<a href="javascript:void(0);">致设计</a>|
		<a href="javascript:void(0);">logo设计</a>|
		<a href="javascript:void(0);">手机界面</a>|
		<a href="javascript:void(0);">设计师素材</a>|
		<a href="javascript:void(0);">朱峰社区</a>|
		<a href="javascript:void(0);">CGJOY游戏动画特效论坛</a>|
		<a href="javascript:void(0);">Logo123</a>|
		<a href="javascript:void(0);">图趣网</a>|
		<a href="javascript:void(0);">免费素材网</a>|
		<a href="javascript:void(0);">wordpress定制</a>|
		<a href="javascript:void(0);">北京猎聘网</a>|
		<a href="javascript:void(0);">H5页面</a>|
		<a href="javascript:void(0);">创意广告</a>|
		<a href="javascript:void(0);">设计派</a>|
		<a href="javascript:void(0);">DOOOOR设计网</a>|
		<a href="javascript:void(0);">人人都是产品经理</a>|
		<a href="javascript:void(0);">老虎帮</a>|
		<a href="javascript:void(0);">68视觉</a>|
		<a href="javascript:void(0);">高清图片下载</a>|
		<a href="javascript:void(0);">logo网</a>|
		<a href="javascript:void(0);">APP制作公司</a>|
		<a href="javascript:void(0);">3D学苑</a>|
		<a href="javascript:void(0);">微场景制作</a>|
		<a href="javascript:void(0);">Linux书籍</a>
	</footer>
	
	
	<script src="../Content/js/common/jquery-1.7.2.min.js"></script>
	<script src="http://at.alicdn.com/t/font_541857_kxhbfc542xvl5wmi.js"></script>
	<script src="../Content/js/common/jquery.SuperSlide.js"></script>
	<script src="../Content/js/common.js"></script>
</body>
</html>